<template>
	<a-card>
		<a-row :gutter="10">
			<a-col :span="12" :xs="24" :sm="24" :md="24" :lg="12" :xl="12" style="padding-left: 20px;">
				<h2>小诺方舟&驰骋：管理框架 - Snowy-JFlow - Vue 集成版</h2>
				<p>
					<ul>
						<li><h3>国外有Flowable，国内有JFlow</h3></li>
					</ul>
				</p>
				<p>
					<a-tag color="red">&yen;免费开源</a-tag>
				</p>
				<p>
					<a-space>
						<a-button href="http://ccflow.org/Down.html" target="_blank">
							<template #icon>
								<cloud-outlined/>
							</template>
							访问JFlow官网
						</a-button>
						<a-button href="http://ccflow.org/Down.html" target="_blank">
							<template #icon>
								<home-outlined/>
							</template>
							访问主页
						</a-button>
					</a-space>
				</p>
				<p>
					<h3>功能介绍:</h3>
					<ul>
						<ol class="content">
							<li> 驰骋工作流引擎研发与2003年，具有.net与java两个版本，这两个版本代码结构，数据库结构，设计思想，功能组成，
								操作手册，完全相同。 导入导出的流程模版，表单模版两个版本完全通用。
							</li>
							<li>我们把驰骋工作流程引擎简称ccbpm,
								CCFlow是.net版本的简称，JFlow是java版本的简称，我们未来将要发布python版本的PFlow,敬请关注.
							</li>
							<li>
								十多年来，我们一直践行自己的诺言，真心服务中国IT产业，努力提高产品质量，成为了国内知名的老牌工作流引擎。
							</li>
							<li>
								ccbpm作简单、概念通俗易懂、操作手册完善（计:40多万操作手册说明书）、代码注释完整、案例丰富翔实、单元测试完整。
							</li>
							<li>ccbpm包含表单引擎与流程引擎两大部分，并且两块完美结合，流程引擎对表单引擎的操纵，协同高效工作,
								完成了很多国内生产审批模式下的流程设计,
							</li>
							<li>ccbpm的流程与表单界面可视化的设计，可配置程度高，采用结构化的表单模版设计,集中解析模式的设计.
								适应于中国国情的多种场景的需要、配置所见即所得、低代码、高配置.
							</li>
							<li>ccbpm
								在国内拥有最广泛的研究群体与应用客户群，是大型集团企业IT部门、软件公司、研究院、高校研究与应用的产品。
							</li>
							<li>ccbpm不仅仅能够满足中小企业的需要，也能满足通信级用户的应用，先后在服役。</li>
							<li>ccbpm可以独立运行，也可以作为中间件嵌入您的开发架构,还可以作为服务的模式支持对外发布.
							</li>
							<li>ccbpm 既有配置类型的开发适用于业务人员，IT维护人员，
								也有面向程序员的高级引擎API开发,满足不同层次的流程设计人员需要.
							</li>
							<li>支持 oracle,sqlserver,mysql 数据库. 内置:</li>
							<li>流程引擎设计支持所见即所得的设计：节点设计、表单设计、单据设计、报表定义设计、以及用户菜单设计。
							</li>
							<li>流程模式简洁，只有4种容易理解：线性流程、同表单分合流、异表单分合流、父子流程，没有复杂的概念。
							</li>
							<li>
								配置参数丰富，支持流程的基础功能：前进、后退、转向、转发、撤销、抄送、挂起、草稿、任务池共享，也支持高级功能取回审批、项目组、外部用户等等。
							</li>
						</ol>
					</ul>
				</p>
			</a-col>
			<a-col :span="12" :xs="24" :sm="24" :md="24" :lg="12" :xl="12" style="padding-left: 50px;">
				<a-row>
					<h2>技术选型</h2>
				</a-row>
				<a-row :gutter="10">
					<a-col :span="6">
						<h4>后端技术</h4>
						<ul>
							<li>Jdk</li>
							<li>Mysql</li>
							<li>SpringBoot</li>
							<li>MybatisPlus</li>
							<li>SaToken</li>
							<li>Hutool</li>
							<li>Druid</li>
							<li>Knife4j</li>
							<li>EasyTrans</li>
							<li>Smcrypto</li>
							<li>...</li>
						</ul>
					</a-col>
					<a-col :span="6">
						<h4>前端技术</h4>
						<ul>
							<li>Vue</li>
							<li>ant-design-vue</li>
							<li>vuex</li>
							<li>vite</li>
							<li>less</li>
							<li>axios</li>
							<li>sm-crypto</li>
							<li>vue-router</li>
							<li>tailwindcss</li>
							<li>...</li>
						</ul>
					</a-col>
				</a-row>
				<a-row>
					<h2>我们的客户</h2>
				</a-row>
				<a-row>
					<img src="@/assets/images/jflow/case.png" alt="我们的客户" style="width: 100%;">
				</a-row>
			</a-col>
		</a-row>
	</a-card>
</template>

<script setup name="bizIndexHome">
</script>

<style scoped>
ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.content li {
	margin: 12px 0;
	font-size: 14px;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
</style>
